<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 	<title>Прототип темы</title>
 	<meta name="keywords" content="" />
 	<meta name="description" content="" />
 	<link rel="stylesheet" href="frontpage.css" type="text/css" media="screen, projection" />
 	 <!--[if lte IE 6]><link rel="stylesheet" href="style_ie.css" type="text/css" media="screen, projection" /><![endif]-->
     <link rel="stylesheet" href="ddsmoothmenu/ddsmoothmenu.css" type="text/css" media="screen, projection" />
     <link rel='stylesheet' id='nivostyle-css'  href='nivo/nivo.css' type='text/css' media='all' />
     <script type="text/javascript" src="http://marals/wp-includes/js/jquery/jquery.js"></script>
     <script type="text/javascript" src="ddsmoothmenu/ddsmoothmenu.js"></script>
     <script type='text/javascript' src='nivo/nivo.slider.pack.js?ver=976'></script>
<script type='text/javascript' src='nivo/nivo.slider.js?ver=976'></script>

     <script type="text/javascript" src="js/init.js"></script>

 </head>

 <body style="background: fixed url(http://marals/wp-content/testhtml_frontpage/images/bg.jpg);" >
        <div class="main-container">
            <div class="container_24">
                <div class="grid_24">
                    <div class="clear"></div>
                    <div class="main-content">
                        <div class="social-links">
                        </div>
                        <div class="header">
                            <div class="grid_8 alpha">
                                <div class="logo"> <a href="http://marals"><img src="images/logo.png" alt="" /></a></div>
                            </div>
                            <div class="grid_16 omega">
                                <!--Start Menu wrapper-->
                                <div class="menu_wrapper">
                                    <div id="menu">
        <ul class="ddsmoothmenu">
    <li><a href="http://marals/">Главная</a></li>
            <li class="page_item page-item-2"><a href="http://marals/?page_id=2">Пример страницы</a>
            <ul>
                 <li><a href="http://marals/">Подменюшка</a>

                 <ul>
                 <li><a href="http://marals/">Подменюха22</a></li>
                </ul>
                 </li>
                </ul>
            </li>
<li class="page_item page-item-26"><a href="http://marals/?page_id=26">Покупайте панты</a></li>
<li class="page_item page-item-29 current_page_item"><a href="http://marals/">mainpage</a></li>
        </ul>
    </div>
</ul>
    </div>
                                    </div>
                                <!--End Menu-->
                            </div>
                        </div>
                        <div class="clear"></div>



 <div id="wrapper">



<div class="slider-wrapper">
    <div id="container">
        <div id="example">

<div style="height: 403.0px;width: 910.0px; overflow:hidden; position:relative; background-color:#fff;z-index:11;">  <!-- контейнер слайдера -->
              <div id="slideShow" class="nivoSlider frmslid">   <!-- слайдер-->

                  <img width="910" height="403" alt="" src="http://marals/wp-content/testhtml_frontpage/images/slideimg_1.jpg" style="z-index: -1;display: none;" />
                  <img width="910" height="403" alt="" src="http://marals/wp-content/testhtml_frontpage/images/slideimg_2.jpg" style="z-index:-1;display: none;" />


              </div>  <!--Конец слайдер-->
             </div>  <!-- Конец контейнер слайдера -->

       <div class="caption">
        <h2>Заголовочек</h2>
        <p>Текст описания вашей фирмы или ваших услуг, работ.</p>
        </div>

            <img src="http://marals/wp-content/testhtml_frontpage/images/slider-frame2.png" alt="Example Frame" id="frame">
        </div>
    </div>
</div>
<div class="clear"></div>
<div class="full-content">
    <div class="feature-content">
         <h1>Наши работы</h1>

        <div class="feature-item">
            <img src="http://marals/wp-content/testhtml_frontpage/images/img1.jpg"/></a>
                            <h4>Название продукта</h4>
               <p>Краткое описание продукта, ссылка на подробное описание, цена и корзина</p>

        </div>
        <div class="feature-item">
              <a href="front-page.html#"><img src="http://marals/wp-content/testhtml_frontpage/images/img2.jpg"/></a>
                <h4>Название продукта</h4>
                            <p>Краткое описание продукта, ссылка на подробное описание, цена и корзина</p>
               </div>
        <div class="feature-item">
               <a href="front-page.html#"><img src="http://marals/wp-content/testhtml_frontpage/images/img3.jpg"/></a>

                <h4>Название продукта</h4>
            <p>Краткое описание продукта, ссылка на подробное описание, цена и корзина</p>

        </div>
        <div class="feature-item">
              <a href="front-page.html#"><img src="http://marals/wp-content/testhtml_frontpage/images/img4.jpg"/></a>
                            <h4>Название продукта</h4>
            <p>Краткое описание продукта, ссылка на подробное описание, цена и корзина</p>

        </div>
    </div>
    <div class="clear"></div>

    <div class="feature-content">


        <div class="feature-item">
            <img src="http://marals/wp-content/testhtml_frontpage/images/img1.jpg"/></a>
                            <h4>Название продукта</h4>
               <p>Краткое описание продукта, ссылка на подробное описание, цена и корзина</p>

        </div>
        <div class="feature-item">
              <a href="front-page.html#"><img src="http://marals/wp-content/testhtml_frontpage/images/img2.jpg"/></a>
                <h4>Название продукта</h4>
                            <p>Краткое описание продукта, ссылка на подробное описание, цена и корзина</p>
               </div>
 <div class="feature-item">
               <a href="front-page.html#"><img src="http://marals/wp-content/testhtml_frontpage/images/img3.jpg"/></a>

                <h4>Название продукта</h4>
            <p>Краткое описание продукта, ссылка на подробное описание, цена и корзина</p>

        </div>
        <div class="feature-item">
              <a href="front-page.html#"><img src="http://marals/wp-content/testhtml_frontpage/images/img4.jpg"/></a>
                            <h4>Название продукта</h4>
            <p>Краткое описание продукта, ссылка на подробное описание, цена и корзина</p>

        </div>
    </div>
    <div class="clear"></div>


    <div class="bottom-feature">
        <div class="bottom-feature-left">
                Левая колонка

        </div>
        <div class="bottom-feature-right">
            <h1>Новые работы</h1>

            <div class="bottom-feature-right-wrapper">
                <iframe width="282" height="210" src="http://www.youtube.com/embed/miAMATblEE8" frameborder="0" allowfullscreen></iframe>
                    <p>"Описание работы"</p>
            </div>
        </div>
    </div>
</div>
<div class="clear"></div>
<div class="index-info">
    <div class="grid_6 alpha">
        <div class="index-info-one">
                <span>91 9926 465653</span>
        </div>
    </div>
    <div class="grid_7">
        <div class="index-info-two">
                <span>admin@inkthemes.com</span>
        </div>
    </div>
    <div class="grid_11 omega">
        <div class="index-info-three">
                <span>С понедельника по субботу, с 10:00 до 18:00</span>
        </div>
    </div>
</div>


</div><!-- wrapper -->
<!--End Index-->
 <div id="footer">

     </div><!-- #footer -->
   </div><!-- grid_24 -->
   </div><!--container_24-->

 </div><!-- #main-container -->

 </body>
 </html>